<template>
    <div>
      <c-title text="Fomo奖池"></c-title>
      <div class="fomo-pool-box">
        <div class="fomo-pool-box-item" v-for="(item,index) in list" :key="index">
          <p style="text-align: left;">{{item.activity_group&& item.activity_group.name }}</p>
          <div class="flex mt-54">
            <span>{{item.bonus_total}}</span>
            <span>奖池额度</span>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
          list:[],
        };
    },
    activated(){
      this.getData();
    },
    methods: {
      getData(){
        $http.get("plugin.wise-yuan-trade.frontend.my.fomo-weight-bonus-pool").then(({result,msg,data})=>{
          if(result){
            this.list=data;
          }else{
            this.$toast(msg);
          }
        })
      },
    }
};
</script>

<style scoped lang="scss">
.fomo-pool-box {
  padding: 0.8125rem;

  .fomo-pool-box-item {
    margin-bottom: 0.6875rem;
    background: #fff;
    border-radius: 0.625rem;
    padding: 0.8125rem 1.25rem 1.375rem;
  }

  .mt-54 {
    margin-top: 1.6875rem;
  }

  .flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
</style>
